body.browsehappy__body {
	background: var(--studio-white);
}

nav.browsehappy__nav {
	height: 48px;
	padding: 0 18px 0 24px;
	margin-top: 9px;
	font-size: 16px;
	font-weight: 600;

	a {
		&,
		&:visited,
		&:hover,
		&:focus,
		&:active {
			color: #003c56;
		}
	}

	svg {
		fill: currentColor;
		height: 36px;
	}
}

main.browsehappy__main {
	text-align: center;

	h1 {
		@extend .wp-brand-font;
		font-size: 34px;
	}
}

a.browsehappy__anyway {
	color: inherit;
	text-decoration: underline;
	font-size: 13px;
	padding-top: 1em;
}
